<!-- angular通过ng-modal添加模态框时，不需要外层的div，只需从modal-content开始即可 -->
<style>
    .required-error {
        border: 1px solid red;
    }
    .required-success {
        border: 1px solid #cfdadd;
    }
</style>
<div class="modal-content">
    <div class="modal-header">
        <h3 class="modal-title">{{page.pageStatus ? "新增PAGE" : "修改PAGE"}}</h3>
    </div>
    <form name="form" class="modal-body form-horizontal form-validation">
        <div class="form-group">
            <label class="col-sm-2 control-label">名称：</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" placeholder="请输入" ng-model="page.name" required>
            </div>
        </div>
    </form>
    <div class="modal-footer">
        <button type="button" class="btn btn-primary" ng-click="createClick()" ng-disabled="form.$invalid">确定</button>
        <button type="button" class="btn btn-default" data-dismiss="modal" ng-click="cancelClick()">取消</button>
    </div>
</div>